const {universalAddress} = usePushWalletContext(); // inside-dapp

export type UniversalAddress = {
  chainId: string | null;
  chain: string | null;
  address: string;
}; // type of universalAddress

import { CONSTANTS } from '@pushprotocol/pushchain-ui-kit'; // inside-app

export const CONSTANTS = {
  ENV: ENV,
  WALLET_TO_APP_ACTION: WALLET_TO_APP_ACTION,
  APP_TO_WALLET_ACTION: APP_TO_WALLET_ACTION,
}; // type of Constants

import { PushWalletButton,centerMaskString,usePushWalletContext } from '@pushprotocol/pushchain-ui-kit'; // inside-app

const { universalAddress } = usePushWalletContext();

1. <PushWalletButton universalAddress={universalAddress} /> // using built-in component
2. <PushWalletButton
   universalAddress={universalAddress}
   title="Connect Wallet"
/>
3. <PushWalletButton
    universalAddress={universalAddress}
    styling={{
       backgroundColor: '#10B981',
       borderRadius: '9999px',
       padding: '12px 24px',
     }}
/>
4. <PushWalletButton
      universalAddress={universalAddress}
      component={
          <Button variant="secondary">
              {universalAddress ? (
                 <>{centerMaskString(universalAddress.address)}</>
                ) : (
                  <> Connect With Push Wallet</>
                )}
           </Button>
      }
/>